#webpack

配套练习:

• 在线配套练习 codesandbox: https://codesandbox.io/p/devbox/g9hw5g

本地练习:

cd ~/practice/webpack_demo_2025

基础配置

Entry 入口配置

Output 出口配置

Loaders 配置

Plugins 配置

Mode 配置

Module 配置

开发环境的 devServer

多入口项目配置

webpack 项目在 devTool 中的调试

externals 配置

环境变量和DefinePlugin

sideEffects 与 tree-shaking

webpack面试题汇总

参考: chatgpt-webpack面试总结

1. Webpack 是什么？解决了什么问题？
2. Webpack 的核心概念有哪些？
3. 什么是 Loader？你用过哪些 Loader？
4. 什么是 Plugin？你用过哪些 Plugin？
5. 生产环境与开发环境的配置区别？
6. 如何优化 Webpack 的构建速度？
7. 如何做代码分割（Code Splitting）？
8. Tree Shaking 是什么？如何实现？
9. 如何实现一个自定义的 Loader？
10. 如何实现模块热更新（HMR）？
11. 哪些webpack配置可以生成chunk?